<template>
    <div class="chapter-content">
        <div class="b-header">
            <div class="b-title">肖1000-第一章马原</div>
            <div class="b-quit" @click="quit()">返回</div>
        </div>
        <div class="question-list">
            <div class="chapter-title">
                <div style="width:10%">ID</div>
                <div style="width:75%">题目</div>

                <div style="width:15%">操作</div>
            </div>
            <div class="chapter-item">
                <div style="width:10%" class="bd-options">
                    1
                </div>
                <div style="width:75%">马克思主义是时代的产物，它的产生有其深刻的社会根源、阶级基础和思想渊源。马克思主义产生的社会根源（或经济、社会历史条件）是</div>

                <div style="width:15%" class="bd-options">
                    <div class="b-detail b-margin">
                        <router-link to="/chapter">
                            <p class="option-icon"><i class="el-icon-info"></i></p>
                        </router-link>
                    </div>
                    <div class="b-detail">
                        <el-button type="text" @click="delete_"><i class="el-icon-delete"></i></el-button>
                    </div>
                </div>
            </div>
            <div class="chapter-item">
                <div style="width:10%" class="bd-options">
                    1
                </div>
                <div style="width:75%">马克思主义是时代的产物，它的产生有其深刻的社会根源、阶级基础和思想渊源。马克思主义产生的社会根源（或经济、社会历史条件）是</div>

                <div style="width:15%" class="bd-options">
                    <div class="b-detail b-margin">
                        <router-link to="/chapter">
                            <p class="option-icon"><i class="el-icon-info"></i></p>
                        </router-link>
                    </div>
                    <div class="b-detail">
                        <el-button type="text" @click="delete_"><i class="el-icon-delete"></i></el-button>
                    </div>
                </div>
            </div>
            <div class="chapter-item">
                <div style="width:10%" class="bd-options">
                    1
                </div>
                <div style="width:75%">马克思主义是时代的产物，它的产生有其深刻的社会根源、阶级基础和思想渊源。马克思主义产生的社会根源（或经济、社会历史条件）是</div>

                <div style="width:15%" class="bd-options">
                    <div class="b-detail b-margin">
                        <router-link to="/chapter">
                            <p class="option-icon"><i class="el-icon-info"></i></p>
                        </router-link>
                    </div>
                    <div class="b-detail">
                        <el-button type="text" @click="delete_"><i class="el-icon-delete"></i></el-button>
                    </div>
                </div>
            </div>
            <div class="chapter-item">
                <div style="width:10%" class="bd-options">
                    1
                </div>
                <div style="width:75%">马克思主义是时代的产物，它的产生有其深刻的社会根源、阶级基础和思想渊源。马克思主义产生的社会根源（或经济、社会历史条件）是</div>

                <div style="width:15%" class="bd-options">
                    <div class="b-detail b-margin">
                        <router-link to="/chapter">
                            <p class="option-icon"><i class="el-icon-info"></i></p>
                        </router-link>
                    </div>
                    <div class="b-detail">
                        <el-button type="text" @click="delete_"><i class="el-icon-delete"></i></el-button>
                    </div>
                </div>
            </div>
            <div class="chapter-item">
                <div style="width:10%" class="bd-options">
                    1
                </div>
                <div style="width:75%">马克思主义是时代的产物，它的产生有其深刻的社会根源、阶级基础和思想渊源。马克思主义产生的社会根源（或经济、社会历史条件）是</div>

                <div style="width:15%" class="bd-options">
                    <div class="b-detail b-margin">
                        <router-link to="/chapter">
                            <p class="option-icon"><i class="el-icon-info"></i></p>
                        </router-link>
                    </div>
                    <div class="b-detail">
                        <el-button type="text" @click="delete_"><i class="el-icon-delete"></i></el-button>
                    </div>
                </div>
            </div>


        </div>
        <div class="manypage">
            <div class="block">

                <el-pagination
                    layout="prev, pager, next"
                    :total="1000">
                </el-pagination>
            </div>
        </div>
    </div>
</template>

<script>
import store from '@/store'
export default {
    name:"Chapter",
    store,
    data(){
        return {

        }
    },
    mounted(){
        this.init();
    },
    methods:{
        init(){

        },
        quit(){
            this.$router.push('/bookdetail');
        },
        delete_() {
            this.$confirm('此操作将永久删除该章节, 是否继续?', '提示', {
                confirmButtonText: '确定',
                cancelButtonText: '取消',
                type: 'warning'
            }).then(() => {
                this.$message({
                    type: 'success',
                    message: '删除成功!'
                });
            }).catch(() => {
                this.$message({
                    type: 'info',
                    message: '已取消删除'
                });
            });
        }
    }
}
</script>

<style lang="scss">
@import './../assets/scss/chapter.scss';
</style>